<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>我的提问</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="renderer" content="webkit|ie-stand |ie-comp">
		<!-- 指定以最新的IE版本模式来显示网页 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!-- 针对360浏览器的内核调用,强制调用极速模式 -->
		<meta name="renderer" content="webkit" />
		<link rel="stylesheet" href="../style/reset.css">
		<link rel="stylesheet" href="../style/wytiwen.css" />
		<link rel="stylesheet" href="../style/zxgl.css" />
		<script type="text/javascript" src="../js/jquery.min.js" ></script>
		<script type="text/javascript" src="../js/mmlogin.js" ></script>
		<script type="text/javascript" src="../js/jquery.qqFace.js" ></script>
		
	</head>
	<body>
		<!-- 公共顶部 S -->
	    <div class="row header-top">
	        <div class="container">
	            <div class="header-top-l fl">您好，欢迎来到房屋装修监理网!</div>
	            <div class="header-top-r fr">
	                <div class="htrdl"><a href="../mmlogin.html">登录</a></div>
	                <div class="htrdl"><a href="../register.html">注册</a></div>
	                <!-- 登陆后出现用户名 和 退出 -->
	                <!-- <div class="htrdl"><a>Andy233</a></div>
	                <div class="htrdl"><a href="">退出</a></div> -->
	                <span class="htrb"></span>
	                <div class="htr"><a href="../index-zxhd.html">最新活动</a></div>
	                <span class="htrb"></span>
	                <div class="htr"><a href="../index-gsjieshao.html">公司介绍</a></div>
	                <span class="htrb"></span>
	                <div class="htr"><a href="../index-ZXyuyue.html">免费预约</a></div>
	                <span class="htrb"></span>
	                <div class="htr mess"><a href="MyXTxiaoxi.html">消息<span>20</span></a></div>
	                <span class="htrb"></span>
	                <div class="htr"><a href="Myxiangmu.html">个人中心</a></div>
	                <span class="htrb"></span>
	            </div>
	        </div>
	    </div>
	    <div class="row header-logo">
	        <div class="container  header-conter">
	            <div class="hclogo fl">
	                <a href="index.html"><img src="../image/logo.png"></a>
	            </div>
	            <div class="hcsearch">
	                <div class="hcsearl fl">
	                    <select>
	                        <option>监理现场</option>
	                        <option>监理案例</option>
	                        <option>装修攻略</option>
	                        <option>维权视频</option>
	                    </select>
	                </div>
	                <div class="hcsearc fl">
	                    <input type="text">
	                </div>
	                <div class="hcsearr fr">
	                    搜索
	                </div>
	            </div>
	            <div class="hctex fr">
	                <img src="../image/tel.png" style="margin-right: 40px;">
	                <img src="../image/wx.png">
	            </div>
	        </div>
	    </div>
	    <div class="row header-bottom">
	        <div class="container">
	            <a class="hbmain fl" href="../index.html">首页</a>
	            <a class="hbnav fl" href="../index-jlfw.html">监理服务</a>
	            <a class="hbnav fl" href="../index-jlxc.html">监理现场</a>
	            <a class="hbnav fl" href="../index-jlal.html">监理案例</a>
	            <a class="hbnav fl" href="../index-zxgl.html">装修攻略</a>
	            <a class="hbnav fl" href="../index-wqsp.html">维权视频</a>
	            <a class="hbnav fl" href="../index-zxgs.html">装修公司</a>
	        </div>
	    </div>
    	<!--公共顶部 E -->
	
	    <!-- 首页banner S-->
	    <!-- 首页 -->
		<div class="row wyrowbg">
			<div class="container">
				<div class="mytw_left">
					<div class="per_til">个人中心</div>
					<div class="wdxm_box">
						我的项目
						<a href="Myxiangmu.html">我的项目</a>
						<a href="YKwodezhuye.html">我的主页</a>
						<a href="JLYrenwu.html">我的任务</a>
					</div>
					<div class="wdxm_box tiwen">
						我的问答
						<a href="MyYtiwen.html" class="active">我要提问</a>
						<a href="MyDtiwen.html">我的提问</a><span class="jiaobiao">99</span>
						<a href="MyDhuida.html">我的回答</a>
					</div>
					<div class="wdxm_box">
						我的关注
						<a href="MyDguanzhu.html">我的关注</a>
					</div>
					<div class="wdxm_box">
						消息通知
						<a href="MyXTxiaoxi.html">系统消息</a><span class="jiaobiao">99</span>
						<a href="MySQxiaoxi.html">申请消息</a><span class="jiaobiao">99</span>
						<a href="MySDpinglun.html">收到的评论</a><span style="margin-right: 103px;" class="jiaobiao">99</span>
						<a href="MySDzan.html">收到的赞</a><span class="jiaobiao">99</span>
					</div>
					<div class="wdxm_box">
						设置权限
						<a href="MySZquanxian.html">设置权限</a>
					</div>
					<div class="wdxm_box">
						邀请好友
						<a href="MyYQhaoyou.html">邀请好友</a>
					</div>
					<div class="wdxm_box" style="border-bottom: none;">
						我的个人资料
						<a href="MyGRziliao.html">个人资料</a>
						<a href="MyXGtouxiang.html">修改头像</a>
						<a href="MyXGmima.html">修改密码</a>
						<a href="MyXGshouji.html">修改手机</a>
					</div>
				</div>
				<!--右边box-->
				<div class="mytw_right">
					<div class="tiwen1">
						<p>我要提问</p>
						<div class="ytw_box">
							<div class="ytw_one">
								<p>问题标题</p>
								<textarea class="wtbt"  maxlength="50" onkeyup="javascript:setShowLength(this, 50, 'cost_tpl_title_length','cost_tpl_title_length1');"><span class="red" id="cost_tpl_title_length" placeholder="请在这里简述您的问题"></textarea>
								<span><span id="id2">0</span>/<span id="cost_tpl_title_length">50</span></span>
								<p class="tw1"></p>
							</div>
							<div class="ytw_one1">
								<p>问题说明</p>
								<div class="comment" style="height: auto;">
			                      <div class="com_form">
			                        <textarea class="input" id="saytext" name="saytext" placeholder="请具体说明您的问题"></textarea>
			                        <a class="a-upload fr">
			                            <input type="file" name="myFile" id="myFile" multiple="multiple">插入图片
			                        </a>
			                        <span class="emotion fr"></span>
			                        <div class="img_div"></div>
			                      </div>
			                    </div>
			                </div>
			                <div class="ytw_one2" style="top: -21px;">
			                	<p>问题分类</p>
			                	<select class="select">
			                		<option></option>
			                		<option>家装监理</option>
			                		<option>家装监理</option>
			                		<option>家装监理</option>
			                		<option>家装监理</option>
			                	</select>
			                	<p class="tw2"></p>
			                </div>
			                <a href="#"><input type="button" style="margin-top: 0px !important;" class="sub_btn sub_btn1" value="提交"></a>
						</div>
					</div>
				</div>
			</div>
		</div>
		 <!-- 图片弹框 -->
	    <div class="shade" onclick="javascript:closeShade()">
	        <div class="">
	            <span class="text_span"></span>
	        </div>
	    </div>
	
	    <div class="shadeImg" onclick="javascript:closeShadeImg()">
	        <div class="">
	            <img class="showImg" src="">
	        </div>
	    </div>

    	<!--公共底部 S-->
	    <div class="row foot-top">
	        <div class="container">
	            <div class="ftpl fl">
	                <div class="ftpltitle">服务指南</div>
	                <div class="ftplcon"><a href="">全程监理</a></div>
	                <div class="ftplcon"><a href="">全托监理</a></div>
	                <div class="ftplcon"><a href="">工装监理</a></div>
	                <div class="ftplcon"><a href="">验房服务</a></div>
	            </div>
	            <div class="ftpl fl">
	                <div class="ftpltitle">旭尧监理</div>
	                <div class="ftplcon"><a href="">监理现场</a></div>
	                <div class="ftplcon"><a href="">监理案例</a></div>
	                <div class="ftplcon"><a href="">装修经验</a></div>
	                <div class="ftplcon"><a href="">装修问答</a></div>
	            </div>
	            <div class="ftpl fl">
	                <div class="ftpltitle">关于旭尧</div>
	                <div class="ftplcon"><a href="">公司介绍</a></div>
	                <div class="ftplcon"><a href="">免费预约</a></div>
	            </div>
	            <div class="ftpc fl">
	                <div class="ftpltitle">联系我们</div>
	                <div class="ftpltel"><img src="../image/icon-tell.png">0571-88322527 13656667535</div>
	                <div class="ftplcon"><img src="../image/icon-email.png">fwzxjl@163.com</div>
	                <div class="ftplcon"><img src="../image/icon-qq.png">QQ:354426019</div>
	                <div class="ftplcon"><img src="../image/icon-dw.png">杭州市拱墅区广业街长青文化创意园2号楼410室</div>
	            </div>
	            <div class="ftpr fl">
	                <div class="ftpltitle">关注我们</div>
	                <a href="http://weibo.com/fwzxjl" target="_blank" title="关注腾讯微博" ><img src="../image/xlwb.png"></a>
	                <a href="http://t.qq.com/lov354426019" target="_blank" title="关注腾讯微博"><img src="../image/qqwb.png"></a>
	                <a href="http://wpa.qq.com/msgrd?v=3&uin=354426019&site=qq&menu=yes" target="_blank"  title="联系QQ客服"><img src="../image/qqqw.png"></a>
	                <div class="ftprrwm">
	                    <img src="../image/wx2.png" alt="">
	                </div>
	            </div>
	        </div>
	    </div>
	    <div class="row foot-bottom">
	        <div class="container">
	            <span>杭州旭尧监理 版权所有 2012-2016 浙ICP备12033773-2号 公安备案号 </span> &nbsp;<img src="../image/icon-police.png">&nbsp;
	            <span>声明:本站所有装修帖来自于『杭州房屋装修监理网』现场监督过程|不得转载用于商业场所！</span><br>
	            <a>友情链接</a>
	
	            <a href="http://www.hzxyjl.com/" title="杭州旭尧监理杭州旭尧建筑工程监理有限公司" target="_blank">杭州旭尧监理</a>
	            <a href="http://www.1linli.com" title="生活小妙招生活小妙招，生活小窍门，生活小常识" target="_blank">生活小妙招</a>
	            <a href="http://hz.to8to.com/company/" title="杭州装修公司杭州土巴兔家居装修网装修公司排名" target="_blank">杭州装修公司</a>
	            <a href="http://www.tumanyi.com/hz/" title="杭州装修网" target="_blank">杭州装修网</a>
	            <a href="http://bbs.jia.com/hangzhou/" title="杭州装修论坛" target="_blank">杭州装修论坛</a>
	            <a href="http://hz.zx123.cn" title="杭州装修" target="_blank">杭州装修</a>
	            <a href="http://www.xiugei.com/xueyuan/" title="室内装修流程秀给网装修学院" target="_blank">室内装修流程</a>
	            <a href="http://hz.zxzhijia.com" title="杭州装修网" target="_blank">杭州装修网</a>
	            <a href="http://www.zrcw.net" title="汉中人网" target="_blank">汉中人网</a>
	            <a href="http://www.dagannan.com" title="赣州生活门户网" target="_blank">赣州生活门户网</a>
	            <a href="http://www.gzzxjlw.com/" title="广州啄木鸟装修监理广州啄木鸟装修监理" target="_blank">广州啄木鸟装修监理</a>
	            <a href="http://zx.meilele.com/zhishi/" title="装修知识大全" target="_blank" style="border:0">装修知识大全</a>
	        </div>
	    </div>
	    <!--公共底部 E-->
	    <script type="text/javascript">

$(function(){

    $('.emotion').qqFace({

        id : 'facebox',

        assign:'saytext',

        path:'arclist/' //表情存放的路径

    });

    $(".sub_btn").click(function(){

        var str = $("#saytext").val();

        $("#show").html(replace_em(str));

    });

});

//查看结果

function replace_em(str){

    str = str.replace(/\</g,'&lt;');

    str = str.replace(/\>/g,'&gt;');

    str = str.replace(/\n/g,'<br/>');

    str = str.replace(/\[em_([0-9]*)\]/g,'<img src="arclist/$1.gif" border="0" />');

    return str;

}

</script>
<script type="text/javascript">
    $(function() {
        var objUrl;
        var img_html;
        $("#myFile").change(function() {
            var img_div = $(".img_div");
            var filepath = $("input[name='myFile']").val();
            for(var i = 0; i < this.files.length; i++) {
                objUrl = getObjectURL(this.files[i]);
                var extStart = filepath.lastIndexOf(".");
                var ext = filepath.substring(extStart, filepath.length).toUpperCase();
                /*
                 作者：z@qq.com
                时间：2016-12-10
                描述：鉴定每个图片上传尾椎限制
                * */
                if(ext != ".BMP" && ext != ".PNG" && ext != ".GIF" && ext != ".JPG" && ext != ".JPEG") {
                    $(".shade").fadeIn(500);
                    $(".text_span").text("图片限于bmp,png,gif,jpeg,jpg格式");
                    this.value = "";
                    $(".img_div").html("");
                    return false;
                } else {
                    /*
                     若规则全部通过则在此提交url到后台数据库
                     * */
                    img_html = "<div class='isImg'><img src='" + objUrl + "' onclick='javascript:lookBigImg(this)' style='height: 100%; width: 100%;' /><button class='removeBtn' onclick='javascript:removeImg(this)'>x</button></div>";
                    img_div.append(img_html);
                }
            }
            /*
             作者：z@qq.com
            时间：2016-12-10
            描述：鉴定每个图片大小总和
            * */
            var file_size = 0;
            var all_size = 0;
            for(j = 0; j < this.files.length; j++) {
                file_size = this.files[j].size;
                all_size = all_size + this.files[j].size;
                var size = all_size / 1024;
                if(size > 500) {
                    $(".shade").fadeIn(500);
                    $(".text_span").text("上传的图片大小不能超过100k！");
                    this.value = "";
                    $(".img_div").html("");
                    return false;
                }
            }
            /*
             作者：z@qq.com
            时间：2016-12-10
            描述：鉴定每个图片宽高 以后会做优化 多个图片的宽高 暂时隐藏掉 想看效果可以取消注释就行
            * */
            //                  var img = new Image();
            //                  img.src = objUrl;
            //                  img.onload = function() {
            //                      if (img.width > 100 && img.height > 100) {
            //                          alert("图片宽高不能大于一百");
            //                          $("#myFile").val("");
            //                          $(".img_div").html("");
            //                          return false;
            //                      }
            //                  }
            return true;
        });
        /*
         作者：z@qq.com
        时间：2016-12-10
        描述：鉴定每个浏览器上传图片url 目前没有合并到Ie
         * */
        function getObjectURL(file) {
            var url = null;
            if(window.createObjectURL != undefined) { // basic
                url = window.createObjectURL(file);
            } else if(window.URL != undefined) { // mozilla(firefox)
                url = window.URL.createObjectURL(file);
            } else if(window.webkitURL != undefined) { // webkit or chrome
                url = window.webkitURL.createObjectURL(file);
            }
            //console.log(url);
            return url;
        }
    });
    /*
     作者：z@qq.com
     时间：2016-12-10
      描述：上传图片附带删除 再次地方可以加上一个ajax进行提交到后台进行删除
     * */
    function removeImg(r){
        $(r).parent().remove();
    }
    /*
     作者：z@qq.com
     时间：2016-12-10
      描述：上传图片附带放大查看处理
     * */
    function lookBigImg(b){
        $(".shadeImg").fadeIn(500);
        $(".showImg").attr("src",$(b).attr("src"))
    }
    /*
     作者：z@qq.com
     时间：2016-12-10
      描述：关闭弹出层
     * */
    function closeShade(){
        $(".shade").fadeOut(500);
    }
    /*
     作者：z@qq.com
     时间：2016-12-10
      描述：关闭弹出层
     * */
    function closeShadeImg(){
        $(".shadeImg").fadeOut(500);
    }
    
    function setShowLength(obj, maxlength, id) 
	{ 
		var rem = maxlength - obj.value.length; 
		var wid = id; 
		var rem1=obj.value.length;
		if (rem < 0){ 
		rem = 0; 
		} 
		document.getElementById(wid).innerHTML =rem; 
		document.getElementById("id2").innerHTML =rem1; 
	} 
</script>
	</body>
</html>
